<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript" src="/${initParam.context_root }/script/member_script.js"></script>
<link href="/${initParam.context_root }/css/starter-template2.css" rel="stylesheet">
<link href="/${initParam.context_root }/css/login-form.css" rel="stylesheet">
<body>
	<div class="container">

		<div class="starter-template">

			<form method="post" class="register" action="/${initParam.context_root }/member/join.do" onsubmit="return FormCheck(this);">
				<h1>회원가입</h1>
				<h4>회원 가입은 남성만 가능합니다.</h4>
				<br>
				<fieldset class="row1">
					<legend>기본 정보 </legend>
					<p  id="idid">
						<label>ID</label><input type="text" name="id" onkeyup="checkId(this);" id="id"><span id="idCheck_message"></span> 
					</p>
					<p>
						<label>E-mail</label><input type="text" name="email">
					</p>
					<p>
						<label>비밀번호</label><input type="password" name="password"> <label>비밀번호 확인</label><input type="password"
							name="password_check">
					</p>
				</fieldset>

						<input type="hidden" value="m" name="gender" checked="checked"/>
				<fieldset class="row1">
					<legend>상세 정보</legend>
					<p>
						<label>이름</label><input type="text" name="name">
					</p>
					<p id="nick">
						<label>닉네임</label> <input type="text" name="nickname" onkeyup="checkNickName(this);" id="nickname"><span
							id="nickCheck_message"></span>
					</p>
					<p id="birth">
						<label>생년월일</label> <input type="text" name="birth" maxlength="8">ex. 19990101
					</p>
					<p>
						<label>H.P</label>
						 <select name="hp1">
							<option value="0">선택</option>
							<option value="0">-----</option>
							<option value="010">010</option>
							<option value="011">011</option>
							<option value="016">016</option>
							<option value="017">017</option>
							<option value="070">070</option>
						</select> <input type="text" name="hp2" maxlength="4"> <input type="text" name="hp3" maxlength="4" > 
						<input	type="hidden" name="hp">
					</p>
					<p>
						<label>주소</label> <input type="text" name="city" size="5" placeholder="시/도">&nbsp; <input type="text" name="town"
							size="5" placeholder="구/군">
					</p>
				</fieldset>
				<fieldset class="row1">
					<legend>자기소개</legend>
					<p>
						<textarea cols="110" rows="6" name="selfIntroduction" placeholder="자신의 매력을 뽐내주세요!"></textarea>
					</p>
				</fieldset>
				
					<input type="submit" value="가입" id="sub" class="btn btn-success"> <input type="reset" value="다시작성" class="btn btn-warning" id="sub">
				
			</form>

		</div>

	</div>
	<!-- /.container -->
</body>